<template>
  <div class="group">
    <StuDemo1></StuDemo1>
  </div>
  <div class="group">
    <StuDemo2></StuDemo2>
  </div>
  <div class="group">
    <StuDemo3></StuDemo3>
  </div>
  <div class="group">
    <StuDemo4></StuDemo4>
  </div>
</template>

<script setup lang="ts">
import StuDemo1 from './Anli2/StuDemo1.vue'
import StuDemo2 from './Anli2/StuDemo2.vue'
import StuDemo3 from './Anli2/StuDemo3.vue'
import StuDemo4 from './Anli2/StuDemo4.vue'
</script>

<style lang="scss" scoped>
.group {
  border: 1px solid rgb(60, 130, 200);
  padding: 10px;
  margin: 10px;
  box-sizing: border-box;
}
</style>
